const fs = require('fs');
const path = require('path');

// Simple SVG for a clipboard
const svg = `<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
  <rect x="20" y="15" width="80" height="10" rx="5" fill="#AFD5C3" />
  <rect x="30" y="15" width="60" height="5" rx="2.5" fill="#AFD5C3" />
  <rect x="25" y="25" width="70" height="85" rx="3" fill="#AFD5C3" />
  <rect x="35" y="40" width="50" height="4" rx="2" fill="#FFFFFF" />
  <rect x="35" y="50" width="50" height="4" rx="2" fill="#FFFFFF" />
  <rect x="35" y="60" width="40" height="4" rx="2" fill="#FFFFFF" />
  <rect x="35" y="80" width="50" height="20" rx="2" fill="#FFFFFF" opacity="0.7" />
</svg>`;

// Convert SVG to base64 for PNG
const svgBase64 = Buffer.from(svg).toString('base64');

// Write the SVG content
fs.writeFileSync(path.join(__dirname, '../assets/empty-clipboard.svg'), svg);

// Generate a simple HTML that renders this SVG
const html = `
<!DOCTYPE html>
<html>
<head>
  <style>
    body { margin: 0; padding: 0; }
  </style>
</head>
<body>
  <img src="data:image/svg+xml;base64,${svgBase64}" alt="Clipboard" />
</body>
</html>
`;

console.log('SVG file created at assets/empty-clipboard.svg');
console.log('Open the HTML in a browser and save the image as PNG');

fs.writeFileSync(path.join(__dirname, '../assets/empty-clipboard.html'), html); 